*{
        font-size:small;    
}
tr{
    height: 30px;
}

tr.error {
    background: none repeat scroll 0 0 pink;
    border-bottom: 5px solid red;
    border-top: 5px solid red;
}

th{
    padding-left: 30px;
}

#ui-accordion-accordion-panel-0{
    padding: 5px;
    overflow:hidden;
    border-radius: 0 0 15px 0;
}

#content input.ui-button {
    padding-bottom: 2px;
    padding-top: 2px;    
}

#content .content h2 {
    color: darkcyan;
    font-size: large;
}

#content .content h2 {
    color: darkcyan;
    font-size: 115%;
    line-height: 25px;
    margin-bottom: 1px;
    margin-left: 3px;
    margin-top: 3px;
    padding: 0 15px;
}

#content .content #form h1 {
/*    color: darkcyan;
    font-size: 115%;
    line-height: 25px;
    margin-bottom: 1px;
    margin-left: 3px;
    margin-top: 3px;*/
    padding:0;
    padding-left: 5px;
    padding-bottom: 0px;
}

input, select, textArea{
  border-radius: 4px;
  border:  #CCC solid 2px;    
    
}


input:focus,select:focus,textArea:focus{
    
  border-radius: 4px;
  border:   dodgerblue solid 3px;
    
}

#botonFiltrar{

  float:right;
  border-radius: 15px 0px 15px 0px;  
  /*border:#EEEEEE solid 1px;*/
  /*border:  #CCC solid 2px;*/
  
}
div#form
{
  overflow:  auto;
  padding: 2px;
  float:top;
  width: 100%;
  /*border:  #CCC solid 1px;*/
  /*height:100%;*/
  border-radius: 15px 0px 15px 0px;  
  margin-bottom: 0px;  
}

#ui-accordion-accordion-header-0{
  border-radius: 15px 0px 0px 0px;      
}


div#periodo,div#plan{
    
  overflow:  auto;
  padding: 2px;
  padding-left: 15px;
  float:top;
  width: 80%;

  /*height:100%;*/
  border-radius: 15px 0px 15px 0px;  
  margin-bottom: 10px;  
    
}


#tablaPracticas {
    
    margin-bottom: 20px;
    border:  #999 solid 1px;
    font-size:11px;    
}
#tablaPracticas th b {
    
    font-size:11px;    
}
#tablaPracticas th {
    
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    border:  #CCC solid 1px;
    background: url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
    border: 1px solid #D3D3D3;
    color: #555555;
    text-align: center;
    font-size:11px;        
}

#tablaPracticas th arriba{
    float:left;
    
}

#tablaPracticas th abajo{
    float:right;
}

#tablaPracticas #col1 {
    width: 7%;
}    

#tablaPracticas #col2 {
    width: 82%;
}    

#tablaPracticas #col3 {
    width: 9%;
}    

#tablaPracticas td a {
    
    font-size:10px;    
}

#tablaPracticas td {
    
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    border:  #CCC solid 1px;
    font-size:12px;        
}

/*
---------------------------------------------------------------------------------------------


Fin empieza lo otro


---------------------------------------------------------------------------------------------
*/


div#smartHeaderDiv{
  padding: 1px;
  width: 100%;  
  border: 0px solid #000;
  overflow: hidden;
  margin-bottom: 10px;
   
}

div#smartFechasDiv{
  padding: 2px;
  /*float:top;*/  
  overflow: hidden;
  width: 80%;  
  border-radius: 15px 15px 0px 0px;  
  border:  #CCC solid 2px;
}

div#smartFechasDivIzq{
  padding: 2px;
  float:left;  
  width: 49%;  
  border-bottom: #EEEEEE solid 1px;
  border-top: #EEEEEE solid 1px;

  overflow: hidden;
  
}

div#smartFechasDivIzq th{
  padding-left:5px;  
}

div#smartFechasDivDer{
  padding: 2px;
  float:left;  
  width: 49%;  
  border-bottom: #EEEEEE solid 1px;
  border-top: #EEEEEE solid 1px;

  overflow: hidden;
  
}

div#smartFechasDivAbajo{
  padding: 2px;
  float:top;  
  width: 98%;  
  border-bottom: #EEEEEE solid 1px;
  border-top: #EEEEEE solid 1px;

  overflow: hidden;
  
}


div#smartPracticaDiv{
  padding: 2px;
  /*float:top;*/  
  overflow: hidden;
  width: 80%;  
  border-radius: 0px 0px 15px 15px;  
  border:  #CCC solid 2px;   
  margin-top: 20px;
 
}

#smartPracticaTable th{
    
  width: 10%;
   
}

#smartPracticaTable tr{
    
  margin-top: 5px;
   
}

#smartPracticaTable th+td{
    
  width: 50%;
  padding-right: 10px; 
}

#smartPracticaTable td+td{
    
  width: 10%;
   
}

div#smartPracticaDiv #smartPractica{
    
  width: 100%;
  
   
}


div#smartAfiliadoDiv{
    
  overflow:  auto;
  padding: 2px;
  float:top;
  width: 80%;
  /*height:100%;*/
  border-radius: 15px 0px 15px 0px;  
  border:  #CCC solid 2px;
  margin-bottom: 10px;  
    
}

#smartAfiliadoDivTable{    
    width:100%;
}

div#smartAfiliadoDiv th{
    
  width:30%;
   
}


div.smartAfiliadoDivItem{
  padding:2px 20px;
  padding-left: 60px;  
  /*border-radius: 0px 0px 7px 0px;*/
  /*height:80%;*/  
  border-bottom: #EEEEEE solid 1px;
  width: 70%;
  
  /*border:#EEEEEE solid 1px;*/
  /*border:  #CCC solid 2px;*/
  
}

div.smartAfiliadoDivItem.f1{
  padding:2px 20px;
  border:  #CCC solid 0px;  
}


#cambiarAfiliado,#cambiarPrescriptor{

  float:right;
  border-radius: 15px 0px 15px 0px;  
  /*border:#EEEEEE solid 1px;*/
  /*border:  #CCC solid 2px;*/
  
}



div#smartPrescriptorDiv{
    
  overflow:  auto;  
  padding: 2px;  
  float:top;
  width: 80%;
  /*height:100%;*/      
  border-radius: 15px 0px 15px 0px;  
  border:  #CCC solid 2px;
  margin-bottom: 10px;    
}

#smartPrescriptorDivTable{    
    width:100%;
}

div.smartPrescriptorDivItem{
  padding:2px 20px;
  padding-left: 60px;   
  border-bottom: #EEEEEE solid 1px;
  width: 70%;

  /*border:#EEEEEE solid 1px;*/
  /*border:  #CCC solid 2px;*/
  
}

div.smartPrescriptorDivItem.f1{
  padding:2px 20px;
  border:  #CCC solid 0px;
}

div#smartPrescriptorDiv th{
    
  width: 30%;
   
}

div#smartPrestadorDiv{
    
  overflow:  auto;  
  padding: 2px;  
  float:top;
  width: 80%;
  /*height:100%;*/  
  border-radius: 15px 0px 15px 0px;  
  border:  #CCC solid 2px;
  margin-bottom: 10px;    
}

#smartPrestadorDivTable
{
    width:100%
}

div#smartPrestadorDiv th{
    
  width: 30%;
   
}

